<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<!--
    流程控制   控制程序的执行
    代码从上至下一次执行  代码没有异常 则编写的代码会被全部执行
    分支结构
      单分支
          if(条件){
              代码快
          }
      双分支
         if(条件){
              代码快1
          }else{
             代码快2
          }
      多分支
       if(条件){
              代码快1
          }else if(条件){
             代码快2
          }else if(条件){
             代码快2
          }
          ...
          else{

          }

          switch(){
           case  值 :
                代码块
                break;
         case  值 :
              代码块
              break;
              ...
         default:
             代码块
             break;
          }
    循环结构
      for
        for(var i = 0; i>10 ; i++){
            循环体
        }

      while

      while(条件){
        循环体
      }
      do...while

      do{
         循环体
      }while(条件)

-->


<script>

  var  b = false

  // 单分支
  if (b){
    console.log("hello")
  }

  // 双分支  一定会选择其中一条分支去执行   非A即B
  if (b){
    console.log("hello")
  }else{
    console.log("world")
  }

  // 多分支   只会选择其中一条分支去执行  成绩等级判定
  var  score  =71
  if (score>=90){
      console.log("优秀")
  }else if(score>=80){
    console.log("良好")
  }else if(score>=70){
    console.log("中等")
  }else if(score>=60){
    console.log("合格")
  }else{
    console.log("不合格")
  }

  var  n = 1
  switch (n) {
    case 1:
      console.log("学习html")
        break;  // 表示分支结束
    case 2:
      console.log("学习css")
      break;
    case 3:
      console.log("学习js")
      break;
  }

  for (var i = 0; i < 10 ; i++) {
    console.log("hello world" +i)
  }

  // 函数作用域
  console.log(i)

  //  使用while循环时  要注意手动改变计数器  可能一次都不执行
  var  n = 0
  while (n<10){
    console.log("hello world" +n)
    n++
  }
  console.log("--------------------------------------------")

  // 至少执行一次
  var n2 = 20
  do{
    console.log("hello world" +n2)
    n2++
  }while (n2<10)


</script>
</body>
</html>